
{%include file="header.html" %}  

<style>
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.big-bd {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #D7E1F1 #D7E1F1;
    border-right: 1px solid #D7E1F1;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 5px 10px 10px;
}
#ranking .game-b {
    float: left;
    width: 311px;
}
.mod {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D7E1F1;
}

.mod .hd {
    background: url("/images/top/bg_repeat.png") repeat-x scroll 0 0 transparent;
    height: 30px;
}

.mod .hd .bg {
    background: url("/images/top/bgs_title.png") no-repeat scroll 0 0 transparent;
    float: left;
    margin-bottom: 0;
    overflow: hidden;
}
.mod .hd h3 {
    color: #3B5999;
    float: left;
    font-size: 14px;
    line-height: 29px;
    padding: 0 0 0 10px;
}

.mod .hd .bg span {
    background: url("/images/top/bgs_title.png") no-repeat scroll 100% -31px transparent;
    color: #FFFFFF;
    float: left;
    line-height: 30px;
    margin-left: -1px;
    padding: 0 12px 0 2px;
}


.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
#ranking .pic-120-rank {
    padding: 10px 8px 0;
}
.clearfix {
}
ol, ul {
    list-style: none outside none;
}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
#ranking .game-b ul.game-rank {
    padding: 5px 10px 3px 0;
}
ul.game-rank {
    background: url("/images/top/bgs_num_15.png") no-repeat scroll 0 3px transparent;
    padding: 5px 0 3px;
}


ul.art li {
    background: url("/images/top/icon_2.png") no-repeat scroll 0 9px transparent;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    padding-left: 10px;
}

ul.game-rank li {
    background: none repeat scroll 0 0 transparent;
    height: 28px;
    line-height: 28px;
    padding-left: 30px;
}

ul.art li span {
    color: #999999;
    float: right;
}


:link, *:visited, ins {
    text-decoration: none;
}

link, *:visited, ins {
    text-decoration: none;
}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.layout {
    margin-bottom: 10px;
    width: 980px;
	background-color:#ffffff;
}
.big-hd {
    display:block;
    height: 25px;


}#ranking .big-hd h3 {
    font: 900 16px/35px 微软雅黑,黑体;
}
.big-hd h3 {
    color: #FFFFFF;
    float: left;
    font: 900 18px/35px 微软雅黑,黑体;
    padding-left: 15px;
}

.big-hd h3 a {
   color:#888888;
}
:link, *:visited, ins {
    text-decoration: none;
}

.big-hd .links {
    color: #999999;
    float: right;
    height: 37px;
    line-height: 37px;
    padding-right: 10px;
    text-align: right;
    width: 700px;
}

.big-hd .links {
    color: #999999;
    line-height: 37px;
    text-align: right;
}
.big-hd .links .more {
    float: right;
    font-size: 12px;
    margin-left: 25px;
}
.big-hd .links a {
    font-size: 13px;
    margin: 0 10px;
}


</style>
<div class="login_body">
<div class="break"></div>


<div class="layout clearfix warp" id="ranking"> 
<div class="big-hd">
<h3><a title="单机游戏排行榜" href="http://pc.duowan.com/top/">游戏热度排行榜</a></h3>
<div class="links">
              
			</div>
</div>


<div class="big-bd clearfix">

<div class="mod game-b">
<div class="hd"><h3 class="bg"><span>单机热度排行榜</span></h3></div>
<div class="bd">
 <ul class="art game-rank clearfix">    
{%section name=count loop=$g_show.list1%}

<li><span>{%$g_show.list1[count].count_mblog_newly%}</span><a title="" href="/mblog/?topic_id={%$g_show.list1[count].id%}.html"><font color="">{%$g_show.list1[count].topic%}</font></a>

{%if $g_show.list1[count].change > 0 %}
<img src="/images/top/upflag.gif">{%$g_show.list1[count].change%}
{%elseif  $g_show.list1[count].change < 0%}
<img src="/images/top/downflag.gif">{%$g_show.list1[count].change%}

{%else%}
<img src="/images/top/equalflag.jpg">0
{%/if%}


{%/section%}

</li>
</ul>    
       
</div>
</div><!--排行列表 -->


<div class="mod game-b">
<div class="hd"><h3 class="bg"><span>网络热度排行榜</span></h3></div>
<div class="bd">
 <ul class="art game-rank clearfix">    
{%section name=count loop=$g_show.list2%}

<li><span>{%$g_show.list2[count].count_mblog_newly%}</span><a title="" href="/mblog/?topic_id={%$g_show.list2[count].id%}.html"><font color="">{%$g_show.list2[count].topic%}</font></a>

{%if $g_show.list2[count].change > 0 %}
<img src="/images/top/upflag.gif">{%$g_show.list2[count].change%}
{%elseif  $g_show.list2[count].change < 0%}
<img src="/images/top/downflag.gif">{%$g_show.list2[count].change%}

{%else%}
<img src="/images/top/equalflag.jpg">0
{%/if%}

</li>

{%/section%}</ul>    
       
</div>
</div><!--排行列表 -->


<div class="mod game-b">
<div class="hd"><h3 class="bg"><span>掌机热度排行榜</span></h3></div>
<div class="bd">
 <ul class="art game-rank clearfix">    
{%section name=count loop=$g_show.list3%}

<li><span>{%$g_show.list3[count].count_mblog_newly%}</span><a title="" href="/mblog/?topic_id={%$g_show.list3[count].id%}.html"><font color="">{%$g_show.list3[count].topic%}</font></a>
{%if $g_show.list3[count].change > 0 %}
<img src="/images/top/upflag.gif">{%$g_show.list3[count].change%}
{%elseif  $g_show.list3[count].change < 0%}
<img src="/images/top/downflag.gif">{%$g_show.list3[count].change%}

{%else%}
<img src="/images/top/equalflag.jpg">0
{%/if%}

</li>

{%/section%}</ul>    
       
</div>
</div><!--排行列表 -->

</div>
</div>





</div>

{%include file="footer.html" %}   


